<template>
  <div id="app">
    <!-- <chart12></chart12><br><br> -->
    <chart9></chart9><br><br>
    <!-- <chart10></chart10><br><br> -->
    <!-- <chart11></chart11><br><br> -->
    <!-- <chart15></chart15><br><br> -->

  </div>
</template>

<script>
import chart6 from "./components/chart_6";
import chart9 from "./components/chart_9";
import chart10 from "./components/chart_10";
import chart11 from "./components/chart_11";
import chart12 from "./components/chart_12";
import chart13 from "./components/chart_13";
import chart14 from "./components/chart_14";
import chart15 from "./components/chart_15";
import chart16 from "./components/chart_16";
import chart17 from "./components/chart_17";

import chart18 from "./components/chart_18";

export default {
  name: "App",
  components: {
    chart6,
    chart9,
    chart10,
    chart11,
    chart12,
    chart13,
    chart14,
    chart15,
    chart16,
    chart17,
    chart18,
  },
};
</script>

<style>
#app {
  background: #aebfca;
}
</style>
